<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>悬红</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/uikit.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/uikit.min.js"></script>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-white">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">积分任务</h1>
		</header>

		<div class="mui-content">

			<div class="tm-integral-section">
				<div class="">
					当前积分
				</div>
				<div class="this-title">
					300
				</div>
				<div class="uk-text-xmini">
					<span class="mui-icon mui-icon-info uk-text-middle uk-text-smedium"></span>
					<span class="uk-text-middle">做任务，赚积分，换礼品!</span>
				</div>
			</div>

			<div class="uk-margin-small-bottom">

				<div class="tm-table-view-header">
					积分获取
				</div>
				<div class="mui-table-view uk-text-xsmall mui-in-zero">
					<div class="mui-table-view-cell no-active-bg">
						<img src="images/tm-integral-icon01.png" width="23" height="23" />
						<span class="uk-text-middle">每日签到送积分</span>
						<span class="uk-text-middle uk-text-orange uk-margin-small-left">
								<img src="images/tm-icon-integral.png" width="13" height="13"/>
								<em class="uk-text-middle">+20</em>
							</span>
						<a class="mui-btn mui-btn-orange mui-btn-outlined mui-btn-xsmall" href="">去完成</a>
					</div>
					<div class="mui-table-view-cell no-active-bg">
						<img src="images/tm-integral-icon02.png" width="23" height="23" />
						<span class="uk-text-middle">晒单送积分</span>
						<span class="uk-text-middle uk-text-orange uk-margin-small-left">
								<img src="images/tm-icon-integral.png" width="13" height="13"/>
								<em class="uk-text-middle">+20</em>
							</span>
						<a class="mui-btn mui-btn-orange mui-btn-outlined mui-btn-xsmall" href="">去完成</a>
					</div>
					<div class="mui-table-view-cell no-active-bg">
						<img src="images/tm-integral-icon03.png" width="23" height="23" />
						<span class="uk-text-middle">分享订单送积分</span>
						<span class="uk-text-middle uk-text-orange uk-margin-small-left">
								<img src="images/tm-icon-integral.png" width="13" height="13"/>
								<em class="uk-text-middle">+20</em>
							</span>
						<a class="mui-btn mui-btn-orange mui-btn-outlined mui-btn-xsmall" href="">去完成</a>
					</div>

				</div>

			</div>
			<div class="uk-margin-small-bottom">

				<div class="tm-table-view-header">
					会员信用体系
				</div>
				<div class="mui-table-view uk-text-xmini mui-in-zero line-height-xsmall">
					<div class="mui-table-view-cell no-active-bg">

						<ul class="uk-grid uk-grid-width-1-2 uk-grid-small uk-text-gray" data-uk-margin>
							<li>
								<div class="mui-ellipsis">
									有效下单数量（10）
								</div>
							</li>
							<li>
								<div class="mui-ellipsis">
									有效接单数量（12）
								</div>
							</li>
							<li>
								<div class="mui-ellipsis">
									有效完成下单的金额（2000）
								</div>
							</li>
							<li>
								<div class="mui-ellipsis">
									有效完成接单的金额（1000）
								</div>
							</li>
							<li>
								<div class="mui-ellipsis">
									接单人给的星级评价（1-5星）
								</div>
							</li>
							<li>
								<div class="mui-ellipsis">
									下单人给的星级评价（1-5星）
								</div>
							</li>
						</ul>

					</div>

				</div>

			</div>

			<div class="uk-margin-small-bottom">

				<div class="tm-table-view-header">
					积分用处
				</div>
				<div class="mui-table-view uk-text-xmini mui-in-zero line-height-xsmall">
					<div class="mui-table-view-cell no-active-bg">

						<ul class="uk-grid uk-grid-width uk-grid-small uk-text-gray" data-uk-margin>
							<li>
								<div class="">
									1、（发单人）刷新下单的时间为最新时间
								</div>
							</li>
							<li>
								<div class="">
									2、（接单人）每日接单次数超出后可消耗（x）积分继续接单
								</div>
							</li>
							 
						</ul>

					</div>

				</div>

			</div>

		</div>

		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>

	</body>

</html>